<template>
  <div class="contanier">
    <img src="../../assets/image/changeNum.png" />
    <div class="container_title">当前没有选择号码哦</div>
    <div  class="contianr_button" @click="handgochangeNum">去选号</div>
  </div>
</template>

<script>
export default {
  name: "changeContainer",
  data() {
    return {};
  },
  methods:{
    handgochangeNum(){
      this.$router.push('/changePay')
    }
  }
};
</script>

<style scoped>
.contanier {
  height: 603px;
  background: #f2f2f6;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.container_title {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: 18px;
  margin:.1rem 0;
}
.contianr_button {
    background: #F84848;
    border-radius:9px;
    width: 134px;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: 15px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
      margin:.1rem 0;
}
</style>